<!doctype html>
<html lang="zh-CN">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="哈哈大王">
  <meta name="Keywords" content="display">
  <meta name="Description" content="默认显示类型与显示类型转换">
  <title>第六课作业</title>
  <style>
    *{margin:0px;padding:0px;
	}
     .picture{ text-align:center; 
	       width:1200px;
	       height:500px;
		   margin:30px auto;
		   /* font-size:0px; */
		   border-width:20px;
		   border-style:solid;
		   border-color:pink;
		   background-color:#58a; 
		   }

	span{display:block;text-align:left;margin:10px 10px 0px 10px;
	}
    .picture1{display:inline-block;width:200px;height:300px;margin:80px 10px;background:snow;
	
	/* font-size:20px; */
	}
	.text{font-size:12px;font-family:"仿宋";color:red;}
	.image{text-align:right;margin:40px 10px;
	}
  </style>
 </head>
 <body>
  <div class="picture">
     <div class="picture1"><span>啦啦啦一堆话</span><span class="text">啦啦啦又是一堆话</span><div class="image"><image src="../static/image/1.jpg"></div></div>
	 <div class="picture1"><span>啦啦啦一堆话</span><span class="text">啦啦啦又是一堆话</span><div class="image"><image src="../static/image/1.jpg"></div></div>
	 <div class="picture1"><span>啦啦啦一堆话</span><span class="text">啦啦啦又是一堆话</span><div class="image"><image src="../static/image/1.jpg"></div></div>
	 <div class="picture1"><span>啦啦啦一堆话</span><span class="text">啦啦啦又是一堆话</span><div class="image"><image src="../static/image/1.jpg"></div></div>
	 <div class="picture1"><span>啦啦啦一堆话</span><span class="text">啦啦啦又是一堆话</span><div class="image"><image src="../static/image/1.jpg"></div></div>
  
  
  </div>
 </body>
</html>
